﻿@charset "utf-8";
@import "color.scss";

/*color map*/
$colorMaps1:(white:$white,ashen:$ashen,silver:$silver,
	gray:$gray,black:$black,red:$red,crimson:$crimson,
	green:$green,blue:$blue,yellow:$yellow,yellowish:$yellowish,
	gold:$gold,orange:$orange,apricot:$apricot,brownness:$brownness,
	colormoment:$colormoment,cherry:$cherry,roseous:$roseous,
	redplum:$redplum,lime:$lime,whitegreen:$whitegreen,
	inst:$inst,cyan:$cyan,emerald:$emerald,teal:$teal,cobalt:$cobalt,
	indigo:$indigo,violet:$violet,pink:$pink,magenta:$magenta,
	amber:$amber,brown:$brown,olive:$olive,steel:$steel,mauve:$mauve,taupe:$taupe,);

$colorMaps2:(dark:$dark,darker:$darker,transparent:$transparent,darkBrown:$darkBrown,darkCrimson:$darkCrimson,
	darkMagenta:$darkMagenta,darkIndigo:$darkIndigo,darkCyan:$darkCyan,darkCobalt:$darkCobalt,
	darkTeal:$darkTeal,darkEmerald:$darkEmerald,darkGreen:$darkGreen,darkOrange:$darkOrange,darkRed:$darkRed,
	darkPink:$darkPink,darkViolet:$darkViolet,darkBlue:$darkBlue,lightBlue:$lightBlue,lightRed:$lightRed,
	lightGreen:$lightGreen,lighterBlue:$lighterBlue,lightTeal:$lightTeal,lightOlive:$lightOlive,
	lightOrange:$lightOrange,lightPink:$lightPink,grayDark:$grayDark,grayDarker:$grayDarker,
	grayLight:$grayLight,grayLighter:$grayLighter,ink:$ink);

/*bg-color,fg-color*/
@each $color,$value in $colorMaps1{
	.bg-#{$color}{
		background-color:#{$value} !important;
	}
	.fg-#{$color}{
		color:#{$value} !important;
	}
}
/*bg-color,fg-color*/
@each $color,$value in $colorMaps2{
	.bg-#{$color}{
		background-color:#{$value} !important;
	}
	.fg-#{$color}{
		color:#{$value} !important;
	}
}

@function normals($color,$colors) {
	$color:#{$color};
	@return $color;
}
// p{
// 	color:map-get($objects,white);
// }

/*全局默认字体*/
*{
	font-family:Arial;
	*font-family:normals;/*IE6,7,8*/
}



/* VerticalGradient 垂直渐变*/
@mixin VerticalGradient($color1,$color2) {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$color1}, endColorstr=#{$color2}, GradientType='0'); /* IE 6,7,8 */
	background-image: -moz-linear-gradient(top, $color1, $color2); /* Firefox */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, $color1), color-stop(1, $color2)); /* Saf4+, Chrome */	
	background: -webkit-linear-gradient(top, $color1,$color2); /* Safari5.1 Chrome10+ */
	background:-ms-linear-gradient(top, $color1, $color2); /* IE10+ */
	background: -o-linear-gradient(top, $color1, $color2);  /* Opera 11.10+ */ 
}


/* BackgroundTeansparent 背景透明度 */
@mixin BgTransparent($number1,$number2){
	    /* older safari/Chrome browsers */  
	    -webkit-opacity: $number1;  
	    /* Netscape and Older than Firefox 0.9 */  
	    -moz-opacity: $number1;  
	    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
	    -khtml-opacity: $number1;  
	    /* IE9 + etc...modern browsers, Firefox */  
	    opacity: $number1;  
	    /* IE 4-9 */  
	    filter:alpha(opacity=$number2);  
	    /*This works in IE 8 & 9 too*/  
	    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=#{$number2})";  
	    /*IE4-IE9*/  
	    *filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=#{$number2}); 

} 
/* BackgroundTeansparent 背景透明度 */
.BgTransparent{
	@include BgTransparent(0.5,50);
	&:hover{
		@include BgTransparent(1,100);
	}
}
/* VerticalGradient 垂直渐变*/
.VerticalGradient{
	@include VerticalGradient($white,$olive);
	min-width:100px;
	min-height:80px;
}

div{
	min-width:10px;
	min-height:5px;
	body &,body>&{
		min-width:10px;
		min-height:5px;
	}
}
button,.button,.button.default,input[type=button],input[type=reset],input[type=submit]{
	color:$white !important ;
	border:none;
	border:1px solid $transparent !important;
	background-color: $darkGreen !important;
	line-height:normal;
	font-size:100%;
	cursor:pointer !important;

	&:active{
		border:0 !important;
		color:$white !important;
		background-color:$black !important;
	}
}


@mixin text{
	color: $silver;
	font-size: 14px;
	border: 1px solid $ashen;
	min-height: 15px !important;
	min-width: 30px !important;
}
.text,*[type=text],*[type=password],*[type=textarea],*[type="search"],*[type="email"],*[type="url"],*[type="number"],*[type="tel"],input{
	@include text;
	
	&.default{
		@include text;
	}
}


@mixin shadow($rownum,$colnum,$dimnum,$color) {
    -moz-box-shadow: $rownum $colnum $dimnum $color;
    -webkit-box-shadow: $rownum $colnum $dimnum $color;
    box-shadow: $rownum $colnum $dimnum $color;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#{$color}')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#{$color}');
}

.shadow{
	@include shadow(3px,3px,4px,$gold);
}
